<template lang="html">
  <div class="discover">
    <header class="">
      <router-link to="/searcend"><i></i><span>搜索你感兴趣的内容</span></router-link>
    </header>
    <slide-map></slide-map>
    <div class="theme-row">
      <p>分类查看主题站</p>
      <div class="theme-module">
        <slide-theme></slide-theme>
      </div>
    </div>
    <bot-footer></bot-footer>
  </div>
</template>

<script>
import botFooter from '../components/LoginRegister/footer'
import SlideMap from '../components/publicModule/slideFocus'
import SlideTheme from '../components/publicModule/slidetheme'
export default {
  name: 'discover',
  components: {
    SlideMap,
    SlideTheme,
    botFooter
  }
}
</script>

<style lang="stylus">
 .discover header{
   width: 100%;
   height: 45px;
   background: #232427;
   display: flex;
   align-items: center;
   justify-content: center;

   i{
     width: 15px;
     height: 15px;
     background: url(../../src/assets/search1.png);
     background-size: cover;
   }
   a{
     display: block;
     width: 94%;
     height: 32px;
     background: #fff;
     border-radius: 3px;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #999;
   }
}
.theme-row{
  width: 100%;
  padding-top: 12px;
  background: #fff;
p{
  padding-left: 16px;
  font-size: 14px;
  color: #080808;
}
.theme-module{
  margin-top: 10px;
}
}
</style>
